const iconComponentsConfig = [
  // {
  //   type: "hgreen",
  //   x: 97,
  //   y: 43,
  //   width: 603,
  //   height: 15.5,
  //   id: 0,
  //   pid: "",
  //   keyType: "1",
  //   key: "",
  //   value: "",
  //   unit: "",
  //   valueColor: "",
  //   className: "",
  //   remark: "横向生产管",
  //   index: 1
  // },
  {
    type: "zguan",
    x: 88,
    y: 191,
    width: 131,
    height: 184,
    id: 0,
    pid: "",
    keyType: "1",
    key: "",
    value: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "灰色大号管道",
    index: 1,
  },
  // {
  //   type: "zguan2",
  //   x: 88,
  //   y: 191,
  //   width: 600,
  //   height: 204,
  //   id: 2,
  //   pid: "",
  //   keyType: "1",
  //   key: "",
  //   value: "",
  //   unit: "",
  //   valueColor: "",
  //   className: "",
  //   remark: "灰色大号管道2",
  //   index: 1
  // },
  {
    type: "kgreen",
    x: 172,
    y: 350,
    width: 52,
    height: 29,
    id: 1,
    pid: "",
    keyType: "1",
    key: "",
    value: "ESP",
    unit: "",
    valueColor: "",
    className: "",
    remark: "ESP",
    index: 1,
  },

  // {type:'kgreen', 'x': 172, y: 350,'width':39,'height':20,id:'',pid:'',keyType:'1',key:'',value:'ESP',unit:'',valueColor:'',className:'',remark:'ESP',index:1},
  {
    type: "yguan",
    x: 197.5,
    y: 188,
    width: 65.5,
    height: 92,
    id: 2,
    pid: "",
    keyType: "1",
    key: "",
    value: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "灰色小号管道",
    index: 1,
  },
  {
    type: "red-arrow",
    x: 677,
    y: 38,
    width: 47,
    height: 18.5,
    id: 3,
    pid: "",
    keyType: "1",
    key: "",
    value: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "红色右方向",
    index: 1,
  },
  {
    type: "red-left-arrow",
    x: 677,
    y: 38,
    width: 47,
    height: 18.5,
    id: 4,
    pid: "",
    keyType: "1",
    key: "",
    value: "",
    unit: "",
    valueColor: "",
    className: "red-arrow-rotate",
    remark: "红色左方向",
    index: 1,
  },
  {
    type: "green-arrow",
    x: 677,
    y: 38,
    width: 47,
    height: 18.5,
    id: 5,
    pid: "",
    keyType: "1",
    key: "",
    value: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "绿色右方向",
    index: 1,
  },
  {
    type: "green-left-arrow",
    x: 677,
    y: 38,
    width: 47,
    height: 18.5,
    id: 6,
    pid: "",
    keyType: "1",
    key: "",
    value: "",
    unit: "",
    valueColor: "",
    className: "green-arrow-rotate",
    remark: "绿色左方向",
    index: 1,
  },
  {
    type: "yellow-arrow",
    x: 677,
    y: 38,
    width: 47,
    height: 18.5,
    id: 7,
    pid: "",
    keyType: "1",
    key: "",
    value: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "黄色右方向",
    index: 1,
  },
  {
    type: "yellow-left-arrow",
    x: 677,
    y: 38,
    width: 47,
    height: 18.5,
    id: 8,
    pid: "",
    keyType: "1",
    key: "",
    value: "",
    unit: "",
    valueColor: "",
    className: "yellow-arrow-rotate",
    remark: "黄色左方向",
    index: 1,
  },
  // {
  //   type: "sgreen",
  //   x: 94.5,
  //   y: 52.5,
  //   width: 96,
  //   height: 318,
  //   id: 7,
  //   pid: "",
  //   keyType: "1",
  //   key: "",
  //   value: "",
  //   unit: "",
  //   valueColor: "",
  //   className: "",
  //   remark: "竖向生产管",
  //   index: 1
  // },
  // {
  //   type: "yellow",
  //   x: 125,
  //   y: 70,
  //   width: 575,
  //   height: 127,
  //   id: 8,
  //   pid: "",
  //   keyType: "1",
  //   key: "",
  //   value: "",
  //   unit: "",
  //   valueColor: "",
  //   className: "",
  //   remark: "废物排出管",
  //   index: 1
  // },
  // {
  //   type: "hdorange",
  //   x: 213,
  //   y: 106.5,
  //   width: 262.5,
  //   height: 44,
  //   id: 10,
  //   pid: "",
  //   keyType: "1",
  //   key: "",
  //   value: "",
  //   unit: "",
  //   valueColor: "",
  //   className: "",
  //   remark: "入蒸汽副管",
  //   index: 1
  // },
  // {
  //   type: "horange",
  //   x: 214,
  //   y: 100.5,
  //   width: 485,
  //   height: 8.5,
  //   id: 11,
  //   pid: "",
  //   keyType: "1",
  //   key: "",
  //   value: "",
  //   unit: "",
  //   valueColor: "",
  //   className: "",
  //   remark: "入蒸汽主管",
  //   index: 1
  // },
  // {
  //   type: "sorange",
  //   x: 208,
  //   y: 138,
  //   width: 55,
  //   height: 127,
  //   id: 12,
  //   pid: "",
  //   keyType: "1",
  //   key: "",
  //   value: "",
  //   unit: "",
  //   valueColor: "",
  //   className: "",
  //   remark: "竖向入蒸汽管",
  //   index: 1
  // },
  // {
  //   type: "dorange",
  //   x: 210.5,
  //   y: 99,
  //   width: 450,
  //   height: 144,
  //   id: 13,
  //   pid: "",
  //   keyType: "1",
  //   key: "",
  //   value: "",
  //   unit: "",
  //   valueColor: "",
  //   className: "",
  //   remark: "入蒸底主管",
  //   index: 1
  // },
  // {
  //   type: "jx",
  //   x: 233.5,
  //   y: 322,
  //   width: 18.5,
  //   height: 18.5,
  //   value: "F",
  //   id: 14,
  //   pid: "",
  //   keyType: "1",
  //   key: "",
  //   unit: "",
  //   valueColor: "",
  //   className: "",
  //   remark: "灰色流程块",
  //   index: 1
  // },
  {
    type: "redconrner1",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 13,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "红色拐角",
    index: 1,
  },
  {
    type: "redcorner2",
    x: 150,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 14,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "红色拐角2",
    index: 1,
  },
  {
    type: "redcorner3",
    x: 200,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 15,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "红色拐角3",
    index: 1,
  },
  {
    type: "redcorner4",
    x: 250,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 16,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "红色拐角4",
    index: 1,
  },
  {
    type: "redcross",
    x: 110,
    y: 460,
    width: 1084,
    height: 19,
    value: "",
    id: 17,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "红色横管",
    index: 1,
  },
  {
    type: "redvertical",
    x: 200,
    y: 300,
    width: 22,
    height: 505,
    value: "",
    id: 18,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "红色竖管",
    index: 1,
  },
  {
    type: "greencorner1",
    x: 533,
    y: 211,
    value: "",
    id: 19,
    width: 22,
    height: 20,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "绿色拐角",
    index: 1,
  },
  {
    type: "greencorner2",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 20,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "绿色拐角2",
    index: 1,
  },
  {
    type: "greencorner3",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 21,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "绿色拐角3",
    index: 1,
  },
  {
    type: "greencorner4",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 22,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "绿色拐角4",
    index: 1,
  },
  {
    type: "yellowcorner1",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 23,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "黄色拐角",
    index: 1,
  },
  {
    type: "yellowcorner2",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 24,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "黄色拐角2",
    index: 1,
  },
  {
    type: "yellowcorner3",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 25,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "黄色拐角3",
    index: 1,
  },
  {
    type: "yellowcorner4",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 26,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "黄色拐角4",
    index: 1,
  },
  {
    type: "greencross",
    x: 110,
    y: 460,
    width: 1084,
    height: 19,
    value: "",
    id: 27,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "绿色横管",
    index: 1,
  },
  {
    type: "greenvertical",
    x: 200,
    y: 300,
    width: 22,
    height: 505,
    value: "",
    id: 28,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "绿色竖管",
    index: 1,
  },
  {
    type: "yellowcross",
    x: 110,
    y: 460,
    width: 1084,
    height: 19,
    value: "",
    id: 29,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "黄色横管",
    index: 1,
  },
  {
    type: "yellowvertical",
    x: 200,
    y: 300,
    width: 22,
    height: 505,
    value: "",
    id: 30,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "黄色竖管",
    index: 1,
  },
  {
    type: "famen",
    x: 200,
    y: 300,
    width: 50,
    height: 41,
    value: "",
    id: 9,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "阀门",
    index: 1,
  },
  {
    type: "linkNode",
    x: 200,
    y: 300,
    width: 50,
    height: 50,
    value: "",
    id: 31,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "连接点",
    index: 1,
  },
  {
    type: "dashedBox",
    x: 200,
    y: 300,
    width: 858,
    height: 151,
    value: "",
    id: 32,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "虚线框",
    index: 1,
  },
  {
    type: "steam splitter",
    x: 200,
    y: 300,
    width: 40,
    height: 30,
    value: "",
    id: 33,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "关井",
    index: 1,
  },
  {
    type: "pipeline endpoint",
    x: 200,
    y: 300,
    width: 40,
    height: 30,
    value: "",
    id: 34,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "井头",
    index: 1,
  },{
    type: "Bridge Plug",
    x: 200,
    y: 300,
    width: 10,
    height: 50,
    value: "",
    id: 35,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "墙",
    index: 1,
  },{
    type: "agar water cut",
    x: 200,
    y: 300,
    width: 70,
    height: 40,
    value: "",
    id: 36,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "agar",
    index: 1,
  },{
    type: "black lock",
    x: 200,
    y: 300,
    width: 50,
    height: 7,
    value: "",
    id: 37,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "截断",
    index: 1,
  },{
    type: "steam pipe",
    x: 200,
    y: 300,
    width: 50,
    height: 7,
    value: "",
    id: 37,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "桥接",
    index: 1,
  },{
    type: "cross column",
    x: 200,
    y: 300,
    width: 70,
    height: 20,
    value: "",
    id: 37,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "横柱",
    index: 1,
  },{
    type: "bottom frame",
    x: 200,
    y: 300,
    width: 10,
    height: 10,
    value: "",
    id: 37,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "底框",
    index: 1,
  },{
    type: "truncated column",
    x: 200,
    y: 300,
    width: 10,
    height: 10,
    value: "",
    id: 37,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "截柱",
    index: 1,
  },{
    type: "cannula",
    x: 200,
    y: 300,
    width: 10,
    height: 10,
    value: "",
    id: 37,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "套管",
    index: 1,
  },{
    type: "closed shafts - vertical shafts",
    x: 200,
    y: 300,
    width: 40,
    height: 30,
    value: "",
    id: 33,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "关井-竖井",
    index: 1,
  },  {
    type: "bluecorner1",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 23,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "蓝色拐角",
    index: 1,
  },
  {
    type: "bluecorner2",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 24,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "蓝色拐角2",
    index: 1,
  },
  {
    type: "bluecorner3",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 25,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "蓝色拐角3",
    index: 1,
  },
  {
    type: "bluecorner4",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 26,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "蓝色拐角4",
    index: 1,
  },
  {
    type: "blue-arrow",
    x: 677,
    y: 38,
    width: 47,
    height: 18.5,
    id: 3,
    pid: "",
    keyType: "1",
    key: "",
    value: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "蓝色竖管",
    index: 1,
  },
  {
    type: "blue-left-arrow",
    x: 677,
    y: 38,
    width: 47,
    height: 18.5,
    id: 4,
    pid: "",
    keyType: "1",
    key: "",
    value: "",
    unit: "",
    valueColor: "",
    className: "blue-arrow-rotate",
    remark: "蓝色横管",
    index: 1,
  },{
    type: "blue-arrow",
    x: 677,
    y: 38,
    width: 47,
    height: 18.5,
    id: 7,
    pid: "",
    keyType: "1",
    key: "",
    value: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: "蓝色右方向",
    index: 1,
  },
  {
    type: "blue-left-arrow",
    x: 677,
    y: 38,
    width: 47,
    height: 18.5,
    id: 8,
    pid: "",
    keyType: "1",
    key: "",
    value: "",
    unit: "",
    valueColor: "",
    className: "blue-arrow-rotate",
    remark: "蓝色左方向",
    index: 1,
  },
];
const imageMap = {
    '红色竖管': 'redline1.svg',
    '红色横管': 'bigred.png',
    '红色拐角': 'redcornertopleft1.svg',
    '红色拐角2': 'redcornerbottomleft1.svg',
    '红色拐角3': 'redcornertopright1.svg',
    '红色拐角4': 'redcornerbottomright1.svg',
    '绿色拐角': 'greenwan.png',
    '绿色拐角2': 'greentopleft.png',
    '绿色拐角3': 'greenbottomright.png',
    '绿色拐角4': 'greentopright.png',
    '黄色拐角': 'yellowwan.png',
    '黄色拐角2': 'yellowtopleft.png',
    '黄色拐角3': 'yellowbottomleft.png',
    '黄色拐角4': 'yellowtopright.png',
    '黄色横管': 'yellowguan.png',
    '黄色竖管': 'yellowline.png',
    '绿色横管': 'greenguan.png',
    '绿色竖管': 'greenshu.png',
    '阀门': 'famen.png',
    '灰色大号管道': 'graybigpipe.png',
    '灰色小号管道': 'graysmallpipe.png',
    'ESP': 'esp.png',
    '红色右方向': 'red-arrow.png',
    '红色左方向': 'red-arrow-rotate.png',
    '绿色右方向': 'green-arrow.png',
    '绿色左方向': 'green-arrow-rotate.png',
    '黄色右方向': 'yellow-arrow.png',
    '黄色左方向': 'yellow-arrow-rotate.png',
    '连接点': 'link-node.png',
    '虚线框': 'dashed-box.png',
    '关井' : 'guanjing.png',
    '井头' : 'juxing.svg',
    '墙' : 'Slice 1.png',
    'agar':'Group.png',
    '截断':'Rectangle.png',
    '桥接':'grounfount.png',
    '横柱':'Rectangle 16.svg', 
    '底框':'jietu.svg',
    '截柱':'bordernum.svg',
    '套管':'taoguan.svg',
    '关井-竖井' : 'guanjing - shuxing.png',
    '蓝色拐角': 'Mask group.svg',
    '蓝色拐角2': 'Mask group-1.svg',
    '蓝色拐角3': 'Mask group-2.svg',
    '蓝色拐角4': 'Mask group-3.svg',
    '蓝色竖管': 'Rectangle 12.svg',
    '蓝色横管': 'Rectangle shuguan(1).png',
    '蓝色右方向': 'Union.svg',
    '蓝色左方向': 'Union-1.svg',
};

export { iconComponentsConfig, imageMap };
